<script>
export default {
  render(h) {
    return h(
        'div',
        [
          h('span', {
            style: {
              color: this.status_text.color,
            },
            class: {
              highlight: true
            },
          }, this.status_text.value)
        ]
    )
  },
  props: ['rows'],
  data() {
    return {
      orderStatus: [
        {key: -1, value: this.$t('已关闭'), color: '#5e5e5e'},
        {key: 0, value: this.$t("未分配"), color: '#1200ff'},
        {key: 1, value: this.$t("审核中"), color: "#6e00cd"},
        {key: 2, value: this.$t("拒绝"), color: "#f579df"},
        {key: 5, value: this.$t("待打款"), color: "#06d506"},
        {key: 6, value: this.$t("待还款"), color: "#ffc000"},
        {key: 8, value: this.$t("逾期"), color: "#ff0000"},
        {key: 9, value: this.$t("结清"), color: "#53aef3"},
      ]
    }
  },
  computed: {
    status_text() {
      const content =  this.orderStatus.find(i => i.key === this.rows)
      return content ? content :  {}
    }
  },
}
</script>

<style scoped>
</style>
